<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Document</title> 
</head>  
<body> 
    <div id="container"></div>   
</body>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=ZVKjMtNTL0tOh3vqjgMVhr02rwQNzyaL"></script> 
<script>
    //使用Map类实例化
    const map = new BMapGL.Map('container')
    //指定地图中心点，通常是一个经纬度
    const point = new BMapGL.Point(121.671125, 31.144737)
    //生成百度地图
    map.centerAndZoom(point, 15)   
    //设置允许滚轮缩放
    map.enableScrollWheelScale()
</script>
</html>
<style>
    html { height: 100%}
    body { height: 100%;margin: 0px; padding: 0px}
    #container {height: 100% }
</style>